﻿

<html> 
  <head> 
        <meta charset="utf-8"> 
        <title>HelloWorld</title> 
		 <script src="d3.v4.min.js"></script>
		 <script src="jquery-1.12.0.min.js"></script>
		 <script type="text/javascript">
		//http://blog.csdn.net/tianxuzhang?viewmode=contents    d3参考
	   $(function () {  
					// 创建SVG容器
				   var svg = d3.select("svg")
					 // SVG尺寸
					var w = 500;
					var h = 50;
					 // 数据
					var dataset = [ 5, 10, 15, 20, 25 ];
					 console.log(svg);
					 // 创建圆
					var circles = svg.selectAll("circle")
					.data(dataset)
					.enter()
					.append("circle");

					// 根据数据设置每个圆的属性
					circles.attr("cx", function(d, i) {
						return (i * 50) + 25;
					})
				   .attr("cy", h/2)
				   .attr("r", function(d) {
						return d;
				   });
			   }
		);
		 </script>
  </head> 
    <body> 
       
		<svg width="500" height="50"></svg>
	
    </body> 
</html>